<template>
  <div id="News">
    <div class="main_box meeting_topic disabled_select">
      <div class="main_box_header">
        <div class="main_box_dot"></div>
        <div class="main_box_title">议题列表</div>
      </div>
      <div class="main_box_content topic_list disabled_select">
        <vueSeamless :data="message.topicList" :class-option="optionSingleHeight">
          <div class="main_box_text" v-for="( item ) in  message.topicList " :key="item.topicId">{{ item.topicName }}
          </div>
        </vueSeamless>
      </div>
    </div>
  </div>
</template>

<script>
  import vueSeamless from 'vue-seamless-scroll'
  export default {
    name: "News",
    components: {
      vueSeamless
    },
    data() {
      return {
        message: {
          topicList: [
            { topicId: 1, topicName: "议题1" },
            { topicId: 2, topicName: "议题2" },
            { topicId: 3, topicName: "议题3" },
            { topicId: 4, topicName: "议题4" },
            { topicId: 5, topicName: "议题5" },
            { topicId: 6, topicName: "议题6" },
            { topicId: 7, topicName: "议题7" },
            { topicId: 8, topicName: "议题8" },
          ]
        }
      }
    },
    computed: {
      optionSingleHeight() {
        return {
          // singleHeight: 70
        }
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import url('./News.scss');
</style>